<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <div class="panel-body" style="margin-left: 500px;margin-top: 100px">
        <!--
            _blank  – 在新窗口中打开链接
            _parent – 在父窗体中打开链接
            _self   – 在当前窗体打开链接,此为默认值
            _top    – 在当前窗体打开链接，并替换当前的整个窗体(框架页)
        -->
        <form action="/pay" class="form-horizontal" id="payForm" method="post" target="_blank">
            <div class="form-group">
                <div class="col-sm-8">
                    <label for="chb">彩虹币：&emsp;&emsp;</label>
                    <input class="form-control" id="chb" name="chb" placeholder="彩虹币" type="text"/>
                    <label>&emsp;彩虹币汇率: 1 元 = 10 彩虹币</label>
                </div>
            </div>
            <br/>
            <div class="form-group">
                <div class="col-sm-8">
                    <label for="total">合计金额：&emsp;</label>
                    <input class="form-control" id="total" name="total" placeholder="合计金额" readonly="readonly" type="text"/>
                </div>
            </div>
            <br/>
            <div class="show" id="body1">
                <dl class="content">
                    <dt>
                        <label for="WID_out_trade_no">商户订单号：</label>
                        <input id="WID_out_trade_no" name="WID_out_trade_no" readonly="readonly"/>
                    </dt><br/>
                    <dt>
                        <label for="WID_subject">订单名称：&emsp;</label>
                        <input id="WID_subject" name="WID_subject" readonly="readonly"/>
                    </dt><br/>
                    <dt>
                        <label for="WID_total_amount">付款金额：&emsp;</label>
                        <input id="WID_total_amount" name="WID_total_amount" readonly="readonly"/>
                    </dt><br/>
                    <dt>
                        <label for="WID_body">商户描述：&emsp;</label>
                        <input id="WID_body" name="WID_body"/>
                    </dt>
                </dl>
            </div>
            <div class="form-group">
                <label class="col-sm-3 control-label">支付方式：</label>
                <div class="col-sm-8" style="margin-left: 80px">
                    <label>
                        <input type="radio" checked id="optionsRadios1" name="payMethod" value="alipay"/>支付宝
                    </label>
                    <label>
                        <input type="radio" id="optionsRadios2" name="payMethod" value="alipay" disabled/>微信
                    </label>
                    <label>
                        <input type="radio" id="optionsRadios3" name="payMethod" value="alipay" disabled/>银联
                    </label>
                </div>
            </div>
            <br/>
            <div class="form-group">
                <div class="col-sm-offset-3 col-sm-8">
                    <button class="btn btn-sm btn-white btn-success" id="submit" type="submit">支 付</button>
                    <span class="note-help">如果您点击"支付"按钮，即表示您同意该次的执行操作</span>
                </div>
            </div>
        </form>
        <div id="foot">
            <ul class="foot-ul">
                <li>版权所有 2020-2027</li>
            </ul>
        </div>
    </div>
</body>
<script type="text/javascript">
    function GetDateNow() {
        let vNow = new Date();
        let sNow = "";
        sNow += String(vNow.getFullYear());
        sNow += String(vNow.getMonth() + 1);
        sNow += String(vNow.getDate());
        sNow += String(vNow.getHours());
        sNow += String(vNow.getMinutes());
        sNow += String(vNow.getSeconds());
        sNow += String(vNow.getMilliseconds());
        document.getElementById("WID_out_trade_no").value = sNow;
        document.getElementById("WID_subject").value = "测试";
        document.getElementById("WID_total_amount").value = "0.01";
    }
    GetDateNow();
</script>
</html>
